html { width: 100%; height: 100%; overflow: hidden; }
body {
	font-size: 14px;
	font-family: "微软雅黑", Helvetica, "宋体";
	margin: 0;
	width: 100%;
	height: 100%;
	background: #398235;
	background: -moz-radial-gradient(center, ellipse cover, #c4dd85 0%, #8ab66b 44%, #398235 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #c4dd85 0%,#8ab66b 44%,#398235 100%); 
	background: -o-radial-gradient(center, ellipse cover, #c4dd85 0%,#8ab66b 44%,#398235 100%);
	background: -ms-radial-gradient(center, ellipse cover, #c4dd85 0%,#8ab66b 44%,#398235 100%);
	background: radial-gradient(center, ellipse cover, #c4dd85 0%,#8ab66b 44%,#398235 100%);
}
table { border-collapse: collapse; }
p, ul, ol, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
ul, ol { list-style-type: none; }


.view {
	width: 100%;
	position: absolute;
	left: 0;
	visibility: hidden;
}



/* 登录视图 */
#login-view {
	color: #fff;
	text-align: center;
}
	#login-view input[type=text] {
		border: none;
		background: #fff;
		height: 23px;
		line-height: 23px;
		padding: 0 3px;
	}
	

#room-view .buttons { margin: 10px; }
.rooms { padding: 10px; color: #fff; }
	.room-notfull { cursor: pointer;}
	.rooms > ol > li {
		width: 120px;
		height: 120px;
		margin: 20px;
		display: inline-block;
		vertical-align: top;
	}
		.rooms h2 { font-size: 16px; margin-bottom: 5px; }
		.room-notfull h2 { text-decoration: underline; }
		
		
#game-view { height: 100%; }


.loading {
	font-size: 36px;
	color: #fff;
	text-align: center;
	letter-spacing: 3px;
	position: absolute;
	left: 0;
	top: 0;
}

.player-top, .player-right, .player-bottom, .player-left {
	top: 5px;
	position: absolute;
}

.player-top {
	width: 100%;
	text-align: center;
}
.player-right {
	right: 8px;
}
.player-bottom {
	width: 100%;
	top: auto;
	bottom: 8px;
	text-align: center;
}
.player-left {
	left: 8px;
}


.player-info {
	color: #fff;
	margin-bottom: 6px;
	text-align: center;
}
	.player-info em {
		font-family: arial;
		font-style: normal;
		font-size: 18px;
		margin: 0 4px;
	}
	.player-info .score { color: red; }
	
	

.player-me .pokers {
	padding-top: 18px;
}
.player-me .pokers li {
	cursor: pointer;
	vertical-align: top;
}
.player-me .poker-selected {
	margin-top: -18px;
}


.pokers-vertical { width: 108px; margin: 0 auto; }
.pokers-vertical li {
	margin-top: -111px;
}
.pokers-vertical li:first-child { margin-top: 0; }
	
.pokers-horizontal { height: 143px; }
.pokers-horizontal li {
	display: inline-block;
	margin-left: -92px;
}
.pokers-horizontal li:first-child { margin-left: 0; }


.pokers li {
	width: 108px;
	height: 143px;
	border: 1px solid #333;
	border-radius: 6px;
	background: #fbfcfa url(../images/pokers.png) no-repeat 3px -1880px;
}
.pokers .poker-1-1 { background-position: 3px -286px; }
.pokers .poker-1-2 { background-position: -109px -286px; }
.pokers .poker-1-3 { background-position: -221px -286px; }
.pokers .poker-1-4 { background-position: -333px -286px; }
.pokers .poker-2-1 { background-position: 3px -431px; }
.pokers .poker-2-2 { background-position: -109px -431px; }
.pokers .poker-2-3 { background-position: -221px -431px; }
.pokers .poker-2-4 { background-position: -333px -431px; }
.pokers .poker-3-1 { background-position: 3px -576px; }
.pokers .poker-3-2 { background-position: -109px -576px; }
.pokers .poker-3-3 { background-position: -221px -576px; }
.pokers .poker-3-4 { background-position: -333px -576px; }
.pokers .poker-4-1 { background-position: 3px -720px; }
.pokers .poker-4-2 { background-position: -109px -720px; }
.pokers .poker-4-3 { background-position: -221px -720px; }
.pokers .poker-4-4 { background-position: -333px -720px; }
.pokers .poker-5-1 { background-position: 3px -866px; }
.pokers .poker-5-2 { background-position: -109px -866px; }
.pokers .poker-5-3 { background-position: -221px -866px; }
.pokers .poker-5-4 { background-position: -333px -866px; }
.pokers .poker-6-1 { background-position: 3px -1011px; }
.pokers .poker-6-2 { background-position: -109px -1011px; }
.pokers .poker-6-3 { background-position: -221px -1011px; }
.pokers .poker-6-4 { background-position: -333px -1011px; }
.pokers .poker-7-1 { background-position: 3px -1156px; }
.pokers .poker-7-2 { background-position: -109px -1156px; }
.pokers .poker-7-3 { background-position: -221px -1156px; }
.pokers .poker-7-4 { background-position: -333px -1156px; }
.pokers .poker-8-1 { background-position: 3px -1301px; }
.pokers .poker-8-2 { background-position: -109px -1301px; }
.pokers .poker-8-3 { background-position: -221px -1301px; }
.pokers .poker-8-4 { background-position: -333px -1301px; }
.pokers .poker-9-1 { background-position: 3px -1445px; }
.pokers .poker-9-2 { background-position: -109px -1445px; }
.pokers .poker-9-3 { background-position: -221px -1445px; }
.pokers .poker-9-4 { background-position: -333px -1445px; }
.pokers .poker-10-1 { background-position: 3px -1590px; }
.pokers .poker-10-2 { background-position: -109px -1590px; }
.pokers .poker-10-3 { background-position: -221px -1590px; }
.pokers .poker-10-4 { background-position: -333px -1590px; }
.pokers .poker-11-1 { background-position: 3px -1735px; }
.pokers .poker-11-2 { background-position: -109px -1735px; }
.pokers .poker-11-3 { background-position: -221px -1735px; }
.pokers .poker-11-4 { background-position: -333px -1735px; }
.pokers .poker-12-1 { background-position: 3px 4px; }
.pokers .poker-12-2 { background-position: -109px 4px; }
.pokers .poker-12-3 { background-position: -221px 4px; }
.pokers .poker-12-4 { background-position: -333px 4px; }
.pokers .poker-13-1 { background-position: 3px -141px; }
.pokers .poker-13-2 { background-position: -109px -141px; }
.pokers .poker-13-3 { background-position: -221px -141px; }
.pokers .poker-13-4 { background-position: -333px -141px; }

.center-area { text-align: center; height: 143px; }